<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>二手车</title>
		<!--
        	<link rel="stylesheet" href="css/base.css" />
			<link rel="stylesheet" href="css/common.css" />
        -->
		
		<script src="js/jquery-2.1.4/jquery-2.1.4.min.js"></script>
		<link rel="stylesheet" href="js/bootstrap-3.3.6-dist/css/bootstrap.min.css" />
		<script src="js/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
		
		<link rel="stylesheet" href="css/index.css" />		
		<!--
			js拾色器
        	<script src="js/alloydesigner.js"></script>
       -->	
	</head>
	<body>	
	<center>
	<div id="main">
		
		<div id="scroll" class="carousel" data-ride="carousel" data-wrap="true" data-interval="1000">
			<!-- 设置图片轮播的顺序 -->
		    <ol class="carousel-indicators">
		        <li class="active" data-target="#scroll" data-slide-to="0">1</li>
		        <li data-target="#scroll" data-slide-to="1">2</li>
		        <li data-target="#scroll" data-slide-to="2">3</li>
		    </ol>
		    <!-- 设置轮播图片 -->
		    <div class="carousel-inner">
		        <div class="item active">
		            <a href="##"><img src="img/car1.bmp" style="height: 370px;width: 1080px;" alt="" style="margin-top: 0px;"></a>
		            <!--
                    	<div class="carousel-caption">
		                <h3>图片标题1</h3>
		                <p>描述内容1...</p>
		            	</div>
                    -->
		            
		        </div>
		        <div class="item">
		            <a href="##"><img src="img/car2.jpg" style="height: 370px;width: 1080px;" alt="" style="margin-top: 0px;"></a>
		        </div>
		        <div class="item">
		            <a href="##"><img src="img/car3.jpg" style="height: 370px;width: 1080px;" alt="" style="margin-top: 0px;"></a>
		            
		        </div>
		    </div>
		    <a class="left carousel-control " href="#scroll" role="button" data-slide="prev">
		        <span class="glyphicon glyphicon-chevron-left"></span>
		    </a>
		    <a class="right carousel-control" href="#scroll" role="button" data-slide="next">
		        <span class="glyphicon glyphicon-chevron-right"></span>
		    </a>
			
		</div>
		
		<div id="selectType" class="mt10">
			<div class="selectType_Top">
				<img src="img/selectTypeTop.png" width="900px" height="63px" class="fleft"/>
				
				<a href="moretype.html" class="me fblueBlod mt10">更多>></a>
			</div>
			<div>
				<div class="selectType_Box fleft" style="margin-right: 5px;border-right: 1px solid rgb(0,153,255);">
					
						<table border="0px" cellspacing="0px" cellpadding="0px" width="345px" height="100px">
							<caption><center><h4 class="meh">选择品牌</h4></center></caption>
							<tr align="center">
								<td valign="bottom" style="background-image: url(img/logo/dazhong.png);" class="bgImg" height="40px" width="60px"></td>
								<td valign="bottom" style="background-image: url(img/logo/changan.png);" class="bgImg" height="40px" width="60px"></td>
								<td valign="bottom" style="background-image: url(img/logo/bentian.png);" class="bgImg" height="40px" width="60px"></td>
								<td valign="bottom" style="background-image: url(img/logo/benchi.png);" class="bgImg" height="40px" width="60px"></td>
								<td valign="bottom" style="background-image: url(img/logo/baoma.png);" class="bgImg" height="40px" width="60px"></td>
								<td valign="bottom" style="background-image: url(img/logo/futian.png);" class="bgImg" height="40px" width="60px"></td>
								<td rowspan="2"><a href="#"><img src="img/moreright.png" height="60px" width="50px"></img></a></td>
							</tr>
							<tr align="center">
								<td height="20px"><a href="#" class="me">大众</a></td>
								<td height="20px"><a href="#" class="me">长安</a></td>
								<td height="20px"><a href="#" class="me">本田</a></td>
								<td height="20px"><a href="#" class="me">奔驰</a></td>
								<td height="20px"><a href="#" class="me">宝马</a></td>
								<td height="20px"><a href="#" class="me">福田</a></td>
								
							</tr>

						</table>
					
				</div>
				<div class="selectType_Box fleft" style="margin-right: 5px;border-right: 1px solid rgb(0,153,255);">
					
						<table border="0px" cellspacing="0px" cellpadding="0px" width="345px" height="100px">
							<caption><center><h4 class="meh">价格区间</h4></center></caption>
							<tr align="center">
								<td><a href="#" class="me">5万以下</a></td>
								<td><a href="#" class="me">5-10万</a></td>
								<td><a href="#" class="me">10-15万</a></td>
								<td><a href="#" class="me">15-20万</a></td>
								
							</tr>
							<tr align="center">
								<td ><a href="#" class="me">20-30万</td>
								<td ><a href="#" class="me">30-40万</a></td>
								<td ><a href="#" class="me">40-60万</a></td>
								<td ><a href="#" class="me">60万以上</a></td>
								
							</tr>

						</table>
						
				</div>
				<div class="selectType_Box fleft">
					
					<table border="0px" cellspacing="0px" cellpadding="0px" width="345px" height="100px">
						<caption><center><h4 class="meh">选择车型</h4></center></caption>
							<tr align="right">
								<td valign="bottom" style="background-image: url(img/logo/suv.png);" class="bgImg" height="60px" width="80px"><a href="#"></a></td>
								<td valign="bottom" style="background-image: url(img/logo/mpv.png);" class="bgImg" height="60px" width="80px"><a href="#"></a></td>
								<td valign="bottom" style="background-image: url(img/logo/jiaoche.png);" class="bgImg" height="60px" width="80px"><a href="#"></a></td>
								<td valign="bottom" style="background-image: url(img/logo/paoche.png);" class="bgImg"height="60px" width="80px"><a href="#"></a></td>
							<!--
                            	<td rowspan="2"><a href="#"><img src="img/righthead.png" height="60px" width="30px"></img></a></td>
                            -->	
							</tr>
							
							<tr align="center">
								<td><a href="#" class="me">SUV</a></td>
								<td><a href="#" class="me">MPV</a></td>
								<td><a href="#" class="me">轿车</a></td>
								<td><a href="#" class="me">跑车</a></td>
								
							</tr>
							
						</table>
				
				</div>
			</div>
			
		</div>
		
		<div id="getPhone" class="mt10 clearB">
			<form action="" method="post">
			
				<div class="getPhone_Box mt10">
					<div class="getPhone_Boxl"><img src="img/kuaimai.bmp"></img></div>
					<div class="getPhone_Boxr">
						<div style="width: 370px;" class="mt10">已有<font class="fblueBlod">20000</font>人卖车</div>
						<input style="width: 370px;height: 35px;line-height: 35px;" class="mt10" placeholder="手机号码（必填）"/>
						<input style="width: 370px; height: 35px;line-height: 35px;" class="mt10 fwhiteBlod" type="submit"  value="帮我卖车" />
					</div>
					
				</div>
				
				<div class="getPhone_Box mt10">
					<div class="getPhone_Boxl"><img src="img/zhihuan.bmp"></img></div>
					<div class="getPhone_Boxr">
						<div style="width: 370px;" class="mt10">已有<font class="fblueBlod">20000</font>人卖车</div>
						<input style="width: 370px;height: 35px;line-height: 35px;" class="mt10" placeholder="手机号码（必填）"/>
						<input style="width: 370px; height: 35px;line-height: 35px;" class="mt10 fwhiteBlod" type="submit"  value="帮我卖车" />
					</div>
					
				</div>
			</form>	
		</div>	
		
		
		<div style="height: 170px;" class="bgGrey clearB">
			
			<div style="float:left;height: 134px;width: 920px;margin-left: 95px; margin-top: 20px;">
				
				<div style="width: 295px;height: 132px;" class="fleft mr10">
					<img src="img/jianceP/jianceP.png" class="fleft"/>
					<article style="height: 132px;background: white;">
						<h4>史丰国</h4>
						<h5>高级检测师</h5>
						<section style="font-size: 12px;">
							<ul style="list-style-type: circle;list-style:inside">
								<li>二手车行业的黑话你懂吗</li>
								<li>二手车行业的黑话你懂吗</li>
								<li>二手车行业的黑话你懂吗</li>
							</ul>
						</section>
					</article>
				</div>
				<div style="width: 295px;height: 132px;" class="fleft mr10">
					<img src="img/jianceP/jianceP.png" class="fleft"/>
					<article style="height: 132px;background: white;">
						<h4>史丰国</h4>
						<h5>高级检测师</h5>
						<section style="font-size: 12px;">
							<ul style="list-style-type: circle;list-style:inside">
								<li>二手车行业的黑话你懂吗</li>
								<li>二手车行业的黑话你懂吗</li>
								<li>二手车行业的黑话你懂吗</li>
							</ul>
						</section>
					</article>
				</div>
				<div style="width: 295px;height: 132px;" class="fleft mr10">
					<img src="img/jianceP/jianceP.png" class="fleft"/>
					<article style="height: 132px;background: white;">
						<h4>史丰国</h4>
						<h5>高级检测师</h5>
						<section style="font-size: 12px;">
							<ul style="list-style-type: circle;list-style:inside">
								<li>二手车行业的黑话你懂吗</li>
								<li>二手车行业的黑话你懂吗</li>
								<li>二手车行业的黑话你懂吗</li>
							</ul>
						</section>
					</article>
				</div>
			</div>
				
		</div>
		<!--<div id="zhanShi" class="mt10" style="background-image: url(img/zhanshi.bmp); background-repeat: no-repeat; background-size:cover;">-->
			
		</div>
		
		<div id="xiangxi" class="mt10">
			
			<div>
				<table border="0px" cellspacing="0px" cellpadding="0px" height="60px" width="1080px">
					
					<tr style="height: 60px">
						<td colspan="4" valign="middle">
						
						<a href="#" class="button" style="display: block; float:left;width:100px;height:30px;line-height: 30px; text-align:center; margin-right: 10px;border-radius: 3px;" >5万内精选</a>
						<a href="#" class="button" style="display: block; float:left;width:100px;height:30px;line-height: 30px;text-align:center; margin-right: 10px;border-radius: 3px;">畅销车型</a>
						<a href="#" class="button" style="display: block; float:left;width:100px;height:30px;line-height: 30px;text-align:center; margin-right: 10px;border-radius: 3px;" >最近上新</a>
						<a href="#" class="button" style="display: block; float:left;width:100px;height:30px;line-height: 30px;text-align:center; margin-right: 10px;border-radius: 3px; ">更多</a>
						
						</td>
					</tr>
				</table>
			</div>
			
			<div border="0px" cellspacing="0px" cellpadding="0px" height="552px" width="1080px">
				<iframe src="zhanshi.html" scrolling="no" frameborder="0" framespacing="0" height="552px" width="1070px" class="ml5 mr5"></iframe>
			</div>		

			<div><center><span style="display: block; width:100px; line-height:30px;border: 1px solid blue; border-radius: 3px;"><a  class="me" href="#" >查看更多</a></span></center></div>
			
		</div>
		
	</div>
	</center>
	</body>
</html>
